.tiobe {
  width: 100%;

  .top {
    text-align: left;
    margin-bottom: 0.1rem;
    padding: 0.03rem 0.1rem;
    font-size: 0.1rem;
    // letter-spacing: .0625rem;
    color: var(--c_mainWhite);
    background: linear-gradient(to right, var(--c_mainBlue), transparent);
    z-index: 1;
    --c_mainBlue: #4cb4e7;
    --c_highlightBlue: #1cb8f6;
    --c_mainWhite: #fff;
    --c_mainGray: #666;
    --c_bg: midnightblue;
    --c_bg_chart: rgba(0, 138, 255, 0.1);
  }
}

.mianjis {
  width: 100%;

  .top {
    text-align: left;
    margin-bottom: 0.1rem;
    padding: 0.05rem 0.1rem;
    font-size: 0.1rem;
    // letter-spacing: .0625rem;
    color: var(--c_mainWhite);
    background: linear-gradient(to right, var(--c_mainBlue), transparent);
    z-index: 1;
    --c_mainBlue: #4cb4e7;
    --c_highlightBlue: #1cb8f6;
    --c_mainWhite: #fff;
    --c_mainGray: #666;
    --c_bg: midnightblue;
    --c_bg_chart: rgba(0, 138, 255, 0.1);
  }
}



.cover_exchart {
  width: 555px;
  height: 280px;
  margin: 0 auto;
}

.stretch_exchart {
  width: 25vw;
  height: 320px;
  margin: 0 auto;
}

.contain_exchart {
  width: 2.6rem;
  height: 1.5rem;
  margin: 0 auto;
}